<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="keywords" content="asset gps tracker,asset manangement,OBD GPS tracker,Vehicle tracker,Asset GPS tracker,T-BOX" />
<meta name="description" content="LT-165 is a long stand-by Container GPS Tracker with design patent, built-in GPS/GSM antennas. It’s widely used in container land transportation, Maritime property preservation, tracking and allocation market." />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?v=v1.03">
<link rel="stylesheet" type="text/css" href="./css/hover.min.css?v=v1.03">
<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css?v=v1.03">
<link rel="stylesheet" type="text/css" href="./css/style.css?v=v1.03">
<script type="text/javascript" src="./js/jquery.js?v=v1.03"></script>
<script type="text/javascript" src="./js/bootstrap.min.js?v=v1.03"></script>
<script type="text/javascript" src="./js/dropdown.js?v=v1.03"></script>
<script type="text/javascript" src="./js/ie.js?v=v1.03"></script>

<!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
  <!-- CSS Global Compulsory -->
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/bootstrap.min.css">
  <!-- CSS Global Icons -->
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/font-awesome.min.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/simple-line-icons.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/style.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/style.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/style.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/animate.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/dzsparallaxer.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/scroller.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/plugin.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/slick.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/jquery.fancybox.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/hs-bg-video.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/hs.megamenu.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/hamburgers.min.css">

  <!-- CSS Unify -->
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/unify-core.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/unify-components.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/unify-globals.css">

  <!-- CSS Customization -->
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/custom.css">

<style type="text/css">
	@media (min-width: 768px){
		.nav-tabs.nav-justified>li {
		    display: table-cell;
		    width: 25%;
		}

		.navbar-nav>li {
		    padding-top: 30px;
		}

	}

	@media (max-width: 768px){
		.nav-tabs.nav-justified>li {
		    float: none;
		    width: 100%;
		}
	}
</style>


</head>

<body class="inner">

<script type="text/javascript">
  $(document).ready(function() {
    var bhi = $('.banner').height();
    if($(window).width()>768){
      if($(window).scrollTop()-bhi>-120){
        $('.top').addClass('toptwo');
      }else{
        $('.top').removeClass('toptwo');
      }
      $(window).scroll(function(event) {
        if($(window).scrollTop()-bhi>-120){
          $('.top').addClass('toptwo');
        }else{
          $('.top').removeClass('toptwo');
        }
        var navbanw = $('.navban').width();
        $('#mynav .nav-tabs').width(navbanw);
      });
    }    
  });
</script>

<div class="section page">
	<div class="container">
		<div class="h10"></div>
		<div class="row">
			<div class="col-sm-6">
				<div id="carousel" class="carousel slide" data-ride="carousel">
					<div class="carousel-inner" role="listbox">
						<?php
							$pic_arr = explode('|', $info['picarr']);

							//var_dump($info['content']);
							//$con_arr = explode('&amp;&amp;&amp;', $info['content']);
							$con_arr = explode('###', $info['content']);

						?>
						<div class="item active">
							<img src="<{$pic_arr[0]}>" alt="<{$info['title']}>" title="<{$info['title']}>">
						</div>

						<div class="item">
							<img src="<{$pic_arr[1]}>" alt="<{$info['title']}>" title="<{$info['title']}>">
						</div>
						<div class="item">
							<img src="<{$pic_arr[2]}>" alt="<{$info['title']}>" title="<{$info['title']}>">
						</div>
						<div class="item">
							<img src="<{$pic_arr[3]}>" alt="<{$info['title']}>" title="<{$info['title']}>">
						</div>
						<!-- <div class="item">
							<img src="<{$pic_arr[4]}>" alt="Container GPS Tracker" title="Container GPS Tracker">
						</div> -->
					</div>
				</div>
				<div class="insthumb">
					<ul>
						<li class="active" data-target="#carousel" data-slide-to="0">
							<img src="<{$pic_arr[0]}>" class="img-rounded img-thumbnail" alt="<{$info['title']}>" title="<{$info['title']}>" />
						</li>
						<li data-target="#carousel" data-slide-to="1">
							<img src="<{$pic_arr[1]}>" class="img-rounded img-thumbnail" alt="<{$info['title']}>" title="<{$info['title']}>"/>
						</li>
						<li data-target="#carousel" data-slide-to="2">
							<img src="<{$pic_arr[2]}>" class="img-rounded img-thumbnail" alt="<{$info['title']}>" title="<{$info['title']}>" />
						</li>
						<li data-target="#carousel" data-slide-to="3">
							<img src="<{$pic_arr[3]}>" class="img-rounded img-thumbnail" alt="<{$info['title']}>" title="<{$info['title']}>" />
						</li>
						<!-- <li data-target="#carousel" data-slide-to="4">
							<img src="<{$pic_arr[4]}>" class="img-rounded img-thumbnail" alt="Container GPS Tracker" title="Container GPS Tracker" />
						</li> -->
					</ul>
				</div>
			</div>
			<div class="col-sm-6 pspec">
				<h1><{$info['title']}></h1>
				<!-- <h4>Model NO. LT-165</h4> -->
				<p>
					<h2 style="margin: 0px; padding: 0px; font-family: Lato, Arial, Helvetica, sans-serif; color: rgb(69, 69, 69); line-height: 1.7em; font-size: 21px;">
						<span style="font-size: 16px; color: rgb(34, 34, 34); font-family: Arial, Verdana, sans-serif;">
							<{$info['description']}>
						</span>
					</h2>
				</p>
				<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#levmes">Get pricing/info</button>
				<div class="clearfix"></div>
			</div>
		</div>				
	</div>
</div>

<div class="section probox">
	<div class="container">
		<div class="row">
			<div class="container">
				<ul class="nav nav-tabs nav-justified">
				    <li class="active"><a href="#features" data-toggle="tab">Features</a></li>
				    <li><a href="#specs" data-toggle="tab">Parameters</a></li>
				    <!-- <li><a href="#faqs" data-toggle="tab">FAQs</a></li> -->
				    <li><a href="#faqs" data-toggle="tab">TIPS&SERVICE</a></li>
			  	</ul>
		  	</div>
		<div class="tab-content">
			<div class="tab-pane fade in active" id="features"><{$con_arr[0]|stripslashes}></div>
			<!-- features -->
			<!--
		    <div class="tab-pane fade in active" id="features">
			    <div class="col-md-3 col-sm-6 text-center fadeIn animated">
					<div class="about-content" lang="th-list">
						<div>
							<img class="img-responsive" src="http://sino.nuorw.com/uploads/icon/10-01.svg" />
							<h3 style="font-family: Arial, Verdana, sans-serif; color: rgb(34, 34, 34);">
								<span style="color:#000000;">Multi-positioning Modes</span></h3>
							<p style="margin-bottom: 0px; padding: 0px; min-height: 18px; color: rgb(46, 48, 51); font-family: Arial, &quot;Microsoft YaHei&quot;, 微软雅黑, 宋体, &quot;Malgun Gothic&quot;, Meiryo, sans-serif; line-height: 18px;">
								Supports LBS and GPS, the location mode can be modified remotely.</p>
						</div>
						<dl>
							<dt class="sr-only" style="color: rgb(0, 0, 0); font-family: fa5-proxima-nova, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12.8px; font-weight: normal; background-color: rgb(248, 249, 250);">
								Unicode:</dt>
						</dl>
					</div>
				</div>

				<div class="col-md-3 col-sm-6 text-center fadeIn animated">
					<div class="about-content">
						<img class="img-responsive" src="http://sino.nuorw.com/uploads/icon/10-02.svg" />
						<h3><span style="color:#000000;">IP67 Waterproof</span></h3>
						<p>The enclosure is designed for a hidden installation of the container air vent, waterproof IP67, 3-proof grade. It takes only 1 minute to finish the installation.</p>
					</div>
				</div>

				<div class="col-md-3 col-sm-6 text-center fadeIn animated">
					<div class="about-content">
						<img class="img-responsive" src="http://sino.nuorw.com/uploads/icon/10-03.svg" />
						<h3>
							<span style="color:#000000;">Standby 1400+days</span></h3>
						<p>
							For 1400+ days with 1 message per day, no need to change the battery frequently.</p>
					</div>
				</div>

				<div class="col-md-3 col-sm-6 text-center fadeIn animated">
					<div class="about-content">
						<img class="img-responsive" src="http://sino.nuorw.com/uploads/icon/10-04.svg" />
						<h3>
							<span style="color:#000000;">Temperature &amp; Humidity</span></h3>
						<p>
							Monitoring the environment temperature and the temperature/humidity in the container.</p>
					</div>
				</div>

				<div class="clearfix"></div>

				<hr />
				<div class="col-md-3 col-sm-6 text-center fadeIn animated">
					<div class="about-content">
						<img class="img-responsive" src="http://sino.nuorw.com/uploads/icon/10-05.svg" />
						<h3>
							<span style="color:#000000;">Remote Configuration</span></h3>
						<p>
							Remote configuring the parameters by GPRS, the parameters includes location method, reporting time interval and the threshold value of the alarms.</p>
					</div>
				</div>
				<div class="col-md-3 col-sm-6 text-center fadeIn animated">
					<div class="about-content" lang="map">
						<img class="img-responsive" src="http://sino.nuorw.com/uploads/icon/10-06.svg" />
						<h3>
							<span style="color:#000000;">Tilt Alarm</span></h3>
						<p>
							when detect the Ailt event , will send an alarm to the server.</p>
					</div>
				</div>
				<br />
				<br />
			
		    </div>
			-->
		    <!-- features -->

		    <!-- specs -->
		    <div class="tab-pane fade" id="specs"><{$con_arr[1]|stripslashes}></div>
		    <!-- <div class="tab-pane fade" id="specs">
		    	<div class="col-sm-10 col-sm-offset-1 table-responsive">
		    		<table style="width:675px;">
		    						<tbody>
		    							<tr>
		    								<td rowspan="5" style="width:93px;">
		    									<strong>Completed </strong><strong>Devices</strong></td>
		    								<td style="width:134px;">
		    									<strong>Shell</strong></td>
		    								<td style="width:137px;">
		    									Solid ABS Plastic Shell</td>
		    								<td style="width:147px;">
		    									<strong>Working Current</strong></td>
		    								<td style="width:165px;">
		    									&lt; 400mA</td>
		    							</tr>
		    							<tr>
		    								<td style="width:134px;">
		    									<strong>Dimension</strong></td>
		    								<td style="width:137px;">
		    									205 x 67 x 26 mm</td>
		    								<td style="width:147px;">
		    									<strong>Standby Current</strong></td>
		    								<td style="width:165px;">
		    									&lt; 10uA</td>
		    							</tr>
		    							<tr>
		    								<td style="width:134px;">
		    									<strong>Weight</strong></td>
		    								<td style="width:137px;">
		    									~ 220g</td>
		    								<td style="width:147px;">
		    									<strong>Working Temperature</strong></td>
		    								<td style="width:165px;">
		    									- 35℃&nbsp;~ +85℃</td>
		    							</tr>
		    							<tr>
		    								<td style="width:134px;">
		    									<strong>Positioning Mode</strong></td>
		    								<td style="width:137px;">
		    									GPS/LBS</td>
		    								<td style="width:147px;">
		    									<strong>Water/Dust Proof</strong></td>
		    								<td style="width:165px;">
		    									IP67</td>
		    							</tr>
		    							<tr>
		    								<td style="width:134px;">
		    									<strong>GPS Accuracy</strong></td>
		    							</tr>
		    						</tbody>
		    					</table>
		    
		    	</div>		    	
		    </div> -->

		    <!-- specs -->

		    <!-- faqs -->
		    <div class="tab-pane fade" id="faqs"><{$con_arr[2]|stripslashes}></div>
		    <!-- <div class="tab-pane fade" id="faqs">
		    	
		    	<div class="panel-group col-sm-10 col-sm-offset-1" id="accordion" aria-multiselectable="true">
		    		<div class="panel panel-default">
		    						<div class="panel-heading">
		    							<h4>
		    								<a data-toggle="collapse" data-parent="#accordion" href="#faqs1">Will the device still work if i change vehicles?</a>
		    							</h4>
		    						</div>
		    						<div id="faqs1" class="panel-collapse collapse">
		    							<div class="panel-body">
		    								Yes, Once the device is fully active you can switch it between vehicles as you desire.
		    							</div>
		    						</div>
		    					</div>
		    
		    					<div class="panel panel-default">
		    						<div class="panel-heading">
		    							<h4>
		    								<a data-toggle="collapse" data-parent="#accordion" href="#faqs2">Is the OBD unit really that easy to install?</a>
		    							</h4>
		    						</div>
		    						<div id="faqs2" class="panel-collapse collapse">
		    							<div class="panel-body">
		    								Yes the OBD unit can be installed in less then 30 seconds.
		    							</div>
		    						</div>
		    					</div>
		    
		    					<div class="panel panel-default">
		    						<div class="panel-heading">
		    							<h4>
		    								<a data-toggle="collapse" data-parent="#accordion" href="#faqs3">What networks do you operate on?</a>
		    							</h4>
		    						</div>
		    						<div id="faqs3" class="panel-collapse collapse">
		    							<div class="panel-body">
		    								The devices use the cellular networks to transmit data back to our servers. All the location are obtained using a minimum of 4 satellites . This unit is currently only offered on the AT&T network.
		    							</div>
		    						</div>
		    					</div>
		    
		    					<div class="panel panel-default">
		    						<div class="panel-heading">
		    							<h4>
		    								<a data-toggle="collapse" data-parent="#accordion" href="#faqs4">Does the device make any noise/have any lights?</a>
		    							</h4>
		    						</div>
		    						<div id="faqs4" class="panel-collapse collapse">
		    							<div class="panel-body">
		    								By default the devices do not make any noise. All devices have dim LEDs. You can cover them if needed and it will not impact service.
		    							</div>
		    						</div>
		    					</div>
		    
		    					<div class="panel panel-default">
		    						<div class="panel-heading">
		    							<h4>
		    								<a data-toggle="collapse" data-parent="#accordion" href="#faqs5">Does my car or truck have the right port</a>
		    							</h4>
		    						</div>
		    						<div id="faqs5" class="panel-collapse collapse">
		    							<div class="panel-body">
		    								Every passenger vehicle manufactured since 1996 has an OBD port. Heavy duty trucks manufactured after 2000 are compatible and will have one of two ports. 6 pin J1708 or 9 pin J1962. You will need an adapter or the HD Y cable.
		    							</div>
		    						</div>
		    					</div>
		    	</div>
		    </div> -->
		    <!-- faqs -->

			<!-- accessories -->
		    <div class="tab-pane fade" id="accessories">
		    	<div class="col-sm-10 col-sm-offset-1">
		    		<br />

		    	</div>
		    </div>
		    <!-- accessories -->

		</div>

		</div>
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function() {
		var strbody = $('.probox').html();
		$('.probox table').each(function(index, el) {
			var table = $(this);
			var td = $('td',table);
			table.width('100%').attr('border','0').addClass('table');
			td.width('auto');
		});
		$('.probox table').each(function(index, el) {
			$(this).addClass('table-bordered');
		});
		$('#carousel').on('slid.bs.carousel',function(){
			var active = $(this).find('.active');
			var children = active.parent().children();
			var activePos = children.index(active);
			$('.insthumb li').eq(activePos).addClass('active').siblings('li').removeClass('active');
		});
	});
</script>

<div class="modal fade" id="levmes" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Learn more about this product</h4>
      </div>
      <div class="modal-body">
        <form id="formshiro" class="form-horizontal">
					<div class="mescon">
						<div class="col-sm-6">
							<div class="form-group">
						    <div class="col-sm-12">
						      <input type="text" class="form-control" name="Name" placeholder="* Name">
						    </div>
						  </div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
						    <div class="col-sm-12">
						      <input type="text" class="form-control" name="Email" placeholder="* Email">
						    </div>
						  </div>
						</div>
						<!-- <div class="col-sm-6">
							<div class="form-group">
						    <div class="col-sm-12">
						      <input type="text" class="form-control" name="Phone" placeholder="* Phone">
						    </div>
						  </div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
						    <div class="col-sm-12">
						      <input type="text" class="form-control" name="Subject" placeholder="* Subject">
						    </div>
						  </div>
						</div> -->
						<div class="col-sm-12">
							<div class="form-group">
						    <div class="col-sm-12">
						      <textarea class="form-control" name="Message" rows="3" placeholder="Message"></textarea>
						    </div>
						  </div>
						</div>
					</div>
					<div class="col-sm-12">
						<div class="form-group">
					    <div class="col-sm-12">
					      <button id="btnshiro" type="button" class="btn btn-primary btn-lg btn-block"><i class="fa fa-check"></i> Send message to us</button>
					    </div>
					  </div>
					</div>
				</form>
				<div class="clearfix"></div>
      </div>
    </div>
  </div>
</div>


<script type="text/javascript">
$(document).ready(function() {
  $("#dial-btn").click(function(){$(this).is(":checked")?$("#dial-phone div").addClass("on"):$("#dial-phone div").removeClass("on")});
  var isTouch=('ontouchstart' in window);
  if(isTouch){
    $(".carousel").on('touchstart', function(e){
      var that=$(this);
      var touch = e.originalEvent.changedTouches[0];
      var startX = touch.pageX;
      var startY = touch.pageY;
      $(document).on('touchmove',function(e){
        touch = e.originalEvent.touches[0] ||e.originalEvent.changedTouches[0];
        var endX=touch.pageX - startX;
        var endY=touch.pageY - startY;
        if(Math.abs(endY)<Math.abs(endX)){
          if(endX > 10){
            $(this).off('touchmove');
            that.carousel('prev');
          }else if (endX < -10){
            $(this).off('touchmove');
            that.carousel('next');
          }
          return false;
        }
      });
    });
    $(document).on('touchend',function(){
      $(this).off('touchmove');
    });
  }
});
</script>
<script type="text/javascript" src="./js/shiro.js?v=v1.03"></script>
<script type="text/javascript" charset="utf-8">
    ;(function (W, D) {
        W.ec_corpid = '2312112';
        W.ec_cskey = 'pMhhwaYIs9pT32FTWd';
        W.ec_scheme = '0';
        var s = D.createElement('script');
        s.charset = 'utf-8';
        s.src = '//1.staticec.com/kf/sdk/js/ec_cs.js';
        D.getElementsByTagName('head')[0].appendChild(s);
    })(window, document);
</script>
</body>
</html>